<!--
 * @Descripttion: image 再封装
 * @version: 
 * @Author:Hui
 * @Date: 2022-11-24 14:57:23
 * @LastEditTime: 2025-07-03 09:45:37
 * @LastEditors: sueRimn
-->

<template>
    <view class="title">

        <!-- #ifdef MP-ALIPAY -->
        <uni-nav-bar :height="menuHeight + 'rpx'" 
        @clickLeft="back"
        backgroundColor="none" dark :border="false" statusBar="true"></uni-nav-bar>
        <!-- #endif -->
        <!-- #ifndef MP-ALIPAY -->
        <uni-nav-bar left-icon="left" :height="menuHeight + 'rpx'" 
        @clickLeft="back"
        backgroundColor="none" :border="false" statusBar="true" :title="title"></uni-nav-bar>
        <!-- #endif -->
    </view>
</template>
  
<script>

import { mapGetters } from 'vuex'
export default {
    name: 'navigation-title',
    props: {
        title: { type: String, default: '' }
    },
    computed: {
        ...mapGetters([
            'systemInfo'
        ]),
        menuHeight() {
            const { top, height } = uni.getMenuButtonBoundingClientRect();
            return top + height;
        }
    },
    data() {
        return {
        }
    },
    methods: {
        back() {
            uni.navigateBack();
        }
    },
}
</script>
<style lang="scss" scoped>
.title {}
</style>